/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30/05/2014, 01:06:10 PM
    Author     : VMJorgeA
*/

body{
    background: url(../img/fondo1.png) no-repeat center center fixed;
    background-size: cover;
    padding: 0;
    margin: 0;
}

#foto{
    position: absolute;
    background: #fff;
    height: 200px;
    width: 200px;
    top: 20px; 
    right: 50px;
    -webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}

#menu{
    float: left;
}

#menu table tr.opcion td{
    width: 249px;
    height: 90px;
    text-align: center;
    background: url("../img/botonf.png") no-repeat;
}

#menu table tr td{
    width: 249px;
    height: 90px;
    text-align: right;
}

#menu table tr.opcion td a.boton, #menu table tr td a.cierre{
    text-decoration: none;
    display:block;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    color: white;
    overflow: hidden;
}

#menu table tr.opcion td a.boton span {
    top:35px;
    display: inline-block;
    background: url("../img/brillo.png") -249px -35px no-repeat;	
    position: relative;
    transition: all;
    transition-duration: .4s;
    width: 249px;
    height: 90px;
}
#menu table tr.opcion td a.boton:hover span {
    background-position: 249px 0px;
    font-size: 23px;
}

#contenido{
    float: left;
    background-color: #F0F8FF;
    height: 620px;
    width: 1050px;
    border-radius: 25px;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}

#table-6 {
    width: 100%;
    border:1px solid #B0B0B0;
    position: absolute;
    float: left;
    top:150px;
    left: 275px;
    width: 800px;
}
#table-6 tbody {
    /* Kind of irrelevant unless your .css is alreadt doing something else */
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
#table-6 thead {
    text-align: left;
}
#table-6 thead th {
    background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DBDBDB', GradientType=0);
    border: 1px solid #B0B0B0;
    color: #444;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 10px;
}
#table-6 td {
    padding: 3px 10px;
    color:#fff;
}
#table-6 tr:nth-child(even) {
    background: #F2F2F2;
}


